<!-- setup是vue3.2之后的语法糖 -->
<script setup>
import { ref } from 'vue'
// import SetUpDemo from './components/SetUpDemo.vue'
// import ReactiveDemo from './components/ReactiveDemo.vue'
// import ComputedDemo from './components/ComputedDemo.vue'
// import WatchDemo from './components/WatchDemo.vue'
// import LifeDemo from './components/LifeDemo.vue'
// import RefDomDemo from './components/RefDomDemo.vue'
// import Parent from './components/parent-child1/Parent.vue'
import Parent from './components/parent-child2/Parent.vue'

const isShow = ref(true)
</script>

<template>
  <!-- <SetUpDemo msg="hello setup" /> -->
  <!-- <ReactiveDemo /> -->
  <!-- <ComputedDemo /> -->
  <!-- <WatchDemo /> -->
  <!-- <LifeDemo v-if="isShow" /> -->
  <!-- <RefDomDemo /> -->
  <Parent />
</template>
